<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
	//开始改变文字
	$(function(){
		$("#btn1").click(function(){
			$("#data").animate({fontSize:'6em'},3000)
			.animate({fontSize:'1em'},2000);
		});
	});
	//开始移动图片
	$(function(){
		$("#btn2").click(function(){
			$("#apple").fadeIn(2000)
			.animate({left:'500px'},2000)
			.animate({top:'300px'},2000)
			.animate({left:'80px'},2000)
			.animate({top:'100px'},2000)
			//.animate({top:'300px',left:'500px'},2000)
			.fadeOut(2000);
		});
	});
</script>
</head>
<body>
<input type="button" value="开始改变文字" id="btn1"/>
<input type="button" value="开始移动图片" id="btn2"/>
<hr/>
<span id="data">新年快乐！</span><br>
<!-- 注意style要设置成position:absolute -->
<div id="apple"  style="position:absolute;top:80px;left: 80px">
	<img src="apple_2.gif" border="2"  width="80" height="80">
</div>
</body>
</html>